@mixin flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin i-flex{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@mixin panel{
 border-radius: 10px;
 background-color: #fff;
 margin-top: 15px;
 padding: 15px;
}
@mixin absolute{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@mixin sliptText{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/** 媒体查询 **/
// xs: < 576px
// sm: 576 ~ 768px
// md: 768 ~ 992px
// lg: 992 ~ 1200px
// xl: > 1200px
@mixin xs(){
  @media screen and (max-width: 768px) {
    @content;
  }
}
@mixin sm(){
  @media screen and (min-width: 768px) {
    @content;
  }
}
@mixin only-sm(){
  @media screen and (max-width: 992px) and (min-width: 768px){
    @content;
  }
}
@mixin md(){
  @media screen and (min-width: 992px){
    @content;
  }
}
@mixin only-md(){
  @media screen and (max-width: 1200px) and (min-width: 992px){
    @content;
  }
}
@mixin lg(){
  @media screen and (min-width: 1200px) {
    @content;
  }
}
@mixin only-lg(){
  @media screen and (max-width: 1920px) and (min-width: 1200px){
    @content;
  }
}
@mixin xl(){
  @media screen and (min-width: 1920px) {
    @content;
  }
}
